<template>
	<div class="demo-drawer__content">
		<el-form :model="form">
			<el-form-item label="Name">
				<el-input v-model="form.name" autocomplete="off"/>
			</el-form-item>
			<el-form-item label="Area">
				<el-select
					v-model="form.region"
					placeholder="Please select activity area"
				>
					<el-option label="Area1" value="shanghai"/>
					<el-option label="Area2" value="beijing"/>
				</el-select>
			</el-form-item>
		</el-form>
	</div>
</template>

<script setup>

import {reactive, ref} from "vue";

const prop = ref({})

const form = reactive({
	name: '',
	region: '',
	date1: '',
	date2: '',
	delivery: false,
	type: [],
	resource: '',
	desc: '',
})

const getProperties = () => {
	prop.script = {
		inputType: 'RDBMS',
		inputScript: form
	}
	return prop.script;
}
defineExpose({
	getProperties
})
</script>

<style scoped>

</style>
